<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link href="css/common.css" rel="stylesheet">
<link href="css/index.css" rel="stylesheet">

<link rel="stylesheet" href="css/content.css" />
<link rel="stylesheet" type="text/css" href="css/easyui.css">
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery.easyui.min.js"></script>
<title>资产管理</title>
<style type="text/css">
body{ overflow:hidden;}
a:link {
 text-decoration: none;
}
a:visited {
 text-decoration: none;
}
a:hover {
 text-decoration:none;
}
a:active {
 text-decoration: none;
}
.cs-north {
	height:60px;background:#B3DFDA;
}
.cs-north-bg {
	width: 100%;
	height: 100%;
	background: url(themes/images/header_bg.png) repeat-x;
}
.cs-north-logo {
	height: 40px;
	padding: 15px 0px 0px 5px;
	color:#fff;font-size:22px;font-weight:bold;text-decoration:none
}
.cs-west {
	width:200px;padding:0px;border-left:1px solid #99BBE8;
}
.cs-south {
	height:25px;background:url('images/panel_title.gif') repeat-x;padding:0px;text-align:center;
}
.cs-navi-tab {
	padding: 5px;
}
.cs-tab-menu {
	width:120px;
}
.cs-home-remark {
	padding: 10px;
}
</style>
<script type="text/javascript">
function addTab(title, url){
	if ($('#tabs').tabs('exists', title)){
		$('#tabs').tabs('select', title);//选中并刷新
		var currTab = $('#tabs').tabs('getSelected');
		var url = $(currTab.panel('options').content).attr('src');
		if(url != undefined && currTab.panel('options').title != 'Home') {
			$('#tabs').tabs('update',{
				tab:currTab,
				options:{
					content:createFrame(url)
				}
			})
		}
	} else {
		var content = createFrame(url);
		$('#tabs').tabs('add',{
			title:title,
			content:content,
			closable:true
		});
	}
	tabClose();
	$('.sou').hide();
}
function createFrame(url) {
	var s = '<iframe scrolling="auto" frameborder="0"  src="'+url+'" style="width:100%;height:100%;"></iframe>';
	return s;
}
		
function tabClose() {
	/*双击关闭TAB选项卡*/
	$(".tabs-inner").dblclick(function(){
		var subtitle = $(this).children(".tabs-closable").text();
		$('#tabs').tabs('close',subtitle);
	})
	/*为选项卡绑定右键*/
	$(".tabs-inner").bind('contextmenu',function(e){
		$('#mm').menu('show', {
			left: e.pageX,
			top: e.pageY
		});

		var subtitle =$(this).children(".tabs-closable").text();

		$('#mm').data("currtab",subtitle);
		$('#tabs').tabs('select',subtitle);
		return false;
	});
}		
//绑定右键菜单事件
function tabCloseEven() {
	//刷新
	$('#mm-tabupdate').click(function(){
		var currTab = $('#tabs').tabs('getSelected');
		var url = $(currTab.panel('options').content).attr('src');
		if(url != undefined && currTab.panel('options').title != 'Home') {
			$('#tabs').tabs('update',{
				tab:currTab,
				options:{
					content:createFrame(url)
				}
			})
		}
	})
	//关闭当前
	$('#mm-tabclose').click(function(){
		var currtab_title = $('#mm').data("currtab");
		$('#tabs').tabs('close',currtab_title);
	})
	//全部关闭
	$('#mm-tabcloseall').click(function(){
		$('.tabs-inner span').each(function(i,n){
			var t = $(n).text();
			if(t != 'Home') {
				$('#tabs').tabs('close',t);
			}
		});
	});
	//关闭除当前之外的TAB
	$('#mm-tabcloseother').click(function(){
		var prevall = $('.tabs-selected').prevAll();
		var nextall = $('.tabs-selected').nextAll();		
		if(prevall.length>0){
			prevall.each(function(i,n){
				var t=$('a:eq(0) span',$(n)).text();
				if(t != 'Home') {
					$('#tabs').tabs('close',t);
				}
			});
		}
		if(nextall.length>0) {
			nextall.each(function(i,n){
				var t=$('a:eq(0) span',$(n)).text();
				if(t != 'Home') {
					$('#tabs').tabs('close',t);
				}
			});
		}
		return false;
	});
	//关闭当前右侧的TAB
	$('#mm-tabcloseright').click(function(){
		var nextall = $('.tabs-selected').nextAll();
		if(nextall.length==0){
			//msgShow('系统提示','后边没有啦~~','error');
			alert('后边没有啦~~');
			return false;
		}
		nextall.each(function(i,n){
			var t=$('a:eq(0) span',$(n)).text();
			$('#tabs').tabs('close',t);
		});
		return false;
	});
	//关闭当前左侧的TAB
	$('#mm-tabcloseleft').click(function(){
		var prevall = $('.tabs-selected').prevAll();
		if(prevall.length==0){
			alert('到头了，前边没有啦~~');
			return false;
		}
		prevall.each(function(i,n){
			var t=$('a:eq(0) span',$(n)).text();
			$('#tabs').tabs('close',t);
		});
		return false;
	});

	//退出
	$("#mm-exit").click(function(){
		$('#mm').menu('hide');
	})
}

$(function() {
	tabCloseEven();
	$('.cs-navi-tab').click(function() {
		var $this = $(this);
		var href = $this.attr('src');
		var title = $this.text();
		addTab(title, href);
	});
});
</script>

<script>
$(document).ready(function(){ addTab('库存情况','cangkuguanli/kucunqingkuang.html')});

</script>
</head>

<body>
<!----头部-------->
<div class="head">
	<div class="logo fl">
    	<a href="#"><img src="images/logo.png"  ></a>
    </div>
    <div class="nav fl">
    	<a href="index.html">首页</a>
        <a href="车辆监控.html">车辆监控</a>
        <a href="统计报表.html">统计报表</a>
        <a href="#" class="this">资产管理</a>
        <a href="系统管理.html">系统管理</a>
    </div>
    <div class="search fl">
    	<input type="text" class="search-text" placeholder="请输入关键词">
        <input type="submit" class="search-submit" value=" " style="display:none;">
        <div class="sou">
        	<li><a href="javascript:void(0);" src="jiankong/cheliangjiankong.html"  class="cs-navi-tab">车辆状态</a></li>
            <li><a href="javascript:void(0);" src="jiankong/cheliangliebiao.html"  class="cs-navi-tab">车辆总览</a></li>
            <li><a href="javascript:void(0);" src="jiankong/yunxingtongji.html"  class="cs-navi-tab">运行统计</a></li>
            <li><a href="javascript:void(0);" src="baojing/cheliangbaojing.html"  class="cs-navi-tab">实时报警</a></li>
            <li><a href="javascript:void(0);" src="baojing/baojingguanli.html"  class="cs-navi-tab">c报警管理</a></li>
            <li><a href="javascript:void(0);" src="jiankong/xinxiliebiao.html"  class="cs-navi-tab">信息列表</a></li>
            <li><a href="javascript:void(0);" src="baoxiu/gongdanguanli.html"  class="cs-navi-tab">工单管理</a></li>
            <li><a href="javascript:void(0);" src="baoxiu/gongdanchaxun.html"  class="cs-navi-tab">工单查询</a></li>
        </div>
 

    </div>
	<style>
	.search{position:relative;}
	.sou{width:77%;background:#fff;position:absolute;z-index:999; display:none;}
	.sou li{height:35px;border-bottom:1px solid #e6e6e6;line-height: 35px;text-align: center;}
	</style>
    <script>	
	$(".search-text").focus(function(e){
		$('.sou').show();
	});
	$(".search-text").keyup(function(){
		var sb=$(this).val();
		var ins=$('.sou').children('li').size();
		var inz=$('.sou').children('li');
		if(sb!=''){
			$('.sou').children('li').css('display','none');
		}else{
			$('.sou').children('li').css('display','block');
		}
		for(i=0;i<ins;i++){
			var tt=inz.eq(i).text();
			var Iok=tt.indexOf(sb);
			if(Iok==0){
				inz.eq(i).show();
			}
		}
	});
	$(document).click(function(){
		$('.sou').hide();
	});
	$('.search').click(function(){
		return false;
	});

	
	</script>
    <div class="user fr">
		 <div class="anniu fl"><a href="#"><img src="images/anniu.gif" width="100%"></a></div>
    	<div class="user-img fl">
        	<img src="images/img_01.png" width="55" height="55">
        </div>

        <div class="user-info fl">
        	<p>
            	<span class="name">李典 欢迎您！</span>
            	<span class="quit">退出</span>
                
            </p>
            <p>
            	<span class="name">上次登录：2016-10-29</span>
            	
            </p>
        </div>
       
        
    </div>
</div>
<!----头部结束------->
<div class="content1">
<!--左侧-->

<div region="west" border="true" split="true" title="Navigation" class="cs-west">
  <div class="easyui-accordion" fit="true" border="false">
  <div class="left-nav">

    <div class="div7 b3"><p>仓库管理</p></div>
    <div class="divnr none">
    	<li><a  href="javascript:void(0);" src="cangkuguanli/kucunqingkuang.html"  class="cs-navi-tab">库存情况</a></li>
        <li><a  href="javascript:void(0);" src="cangkuguanli/zhongduanguanli.html"  class="cs-navi-tab">终端管理</a></li>
        <li><a  href="javascript:void(0);" src="cangkuguanli/simguanli.html"  class="cs-navi-tab">SIM管理</a></li>
        <li><a  href="javascript:void(0);" src="cangkuguanli/chejipipei.html"  class="cs-navi-tab">车机匹配</a></li>
    </div>
    <div class="div8 b3"><p>设备检测</p></div>
    <div class="divnr none">
    	<li><a  href="javascript:void(0);" src="shebeijiance/zulijiance.html"  class="cs-navi-tab">组立检测</a></li>
        <li><a  href="javascript:void(0);" src="shebeijiance/jiancejilu.html"  class="cs-navi-tab">检测记录</a></li>
        <li><a  href="javascript:void(0);" src="shebeijiance/rukujilu.html"  class="cs-navi-tab">入库记录</a></li>
        <li><a  href="javascript:void(0);" src="shebeijiance/shebeizijian.html"  class="cs-navi-tab">设备自检</a></li>
    </div>
    <div class="div9 b3"> <p>类型管理</p></div>
    <div class="divnr none">
    	<li><a  href="javascript:void(0);" src="leixingguanli/gonggaoguanli.html"  class="cs-navi-tab">公告管理</a></li>
        <li><a  href="javascript:void(0);" src="leixingguanli/shebeichangjia.html"  class="cs-navi-tab">设备厂家</a></li>
        <li><a  href="javascript:void(0);" src="leixingguanli/cheduiguanli.html"  class="cs-navi-tab">车队管理</a></li>
        <li><a  href="javascript:void(0);" src="leixingguanli/cheliangguanli.html"  class="cs-navi-tab">车辆管理</a></li>
    </div>
    <div class="div10 b3"> <p>标准管理</p></div>
    <div class="divnr none">
    	<li><a  href="javascript:void(0);" src="biaozhunguanli/biaozhunguanli.html"  class="cs-navi-tab">标准管理</a></li>
    </div>
    <div class="div11 b3"><p>远程控制</p></div>
    <div class="divnr none">
    	<li><a  href="javascript:void(0);" src="yuanchengkongzhi/shujutouchuan.html"  class="cs-navi-tab">数据透传</a></li>
        <li><a  href="javascript:void(0);" src="yuanchengkongzhi/gujianshengji.html"  class="cs-navi-tab">固件升级</a></li>
        <li><a  href="javascript:void(0);" src="yuanchengkongzhi/canshushezhi.html"  class="cs-navi-tab">参数设置</a></li>
        <li><a  href="javascript:void(0);" src="yuanchengkongzhi/zhixingkongzhi.html"  class="cs-navi-tab">执行控制</a></li>
        <li><a  href="javascript:void(0);" src="yuanchengkongzhi/lishimingling.html"  class="cs-navi-tab">历史命令</a></li>
    </div>
    
</div>
</div>
</div>

<script type="text/javascript">//左侧导航点开
$(document).ready(function(){
 		
		$(".div7").click(function(){
			
			if($(this).hasClass("div7-dian")){
				$(this).removeClass("div7-dian").next(".divnr").slideUp();
				$(this).children("p").css("color","#81b7c2");
			}else{
				$(this).addClass("div7-dian").children("p").css("color","#f48b43");
				$(this).siblings(".div8").removeClass("div8-dian").children("p").css("color","#81b7c2");
				$(this).siblings(".div9").removeClass("div9-dian").children("p").css("color","#81b7c2");
				$(this).siblings(".div10").removeClass("div10-dian").children("p").css("color","#81b7c2");
				$(this).siblings(".div11").removeClass("div11-dian").children("p").css("color","#81b7c2");
				$(this).next(".divnr").slideDown().siblings(".divnr").slideUp();
			}
			
		});
		
		
		
 		$(".div8").click(function(){
			if($(this).hasClass("div8-dian")){
				$(this).removeClass("div8-dian").next(".divnr").slideUp();
				$(this).children("p").css("color","#81b7c2");
			}else{
				$(this).addClass("div8-dian").children("p").css("color","#f48b43");
				$(this).siblings(".div7").removeClass("div7-dian").children("p").css("color","#81b7c2");
				$(this).siblings(".div9").removeClass("div9-dian").children("p").css("color","#81b7c2");
				$(this).siblings(".div10").removeClass("div10-dian").children("p").css("color","#81b7c2");
				$(this).siblings(".div11").removeClass("div11-dian").children("p").css("color","#81b7c2");
				$(this).next(".divnr").slideDown().siblings(".divnr").slideUp();
			}
		});
		$(".div9").click(function(){
			if($(this).hasClass("div9-dian")){
				$(this).removeClass("div9-dian").next(".divnr").slideUp();
				$(this).children("p").css("color","#81b7c2");
			}else{
				$(this).addClass("div9-dian").children("p").css("color","#f48b43");
				$(this).siblings(".div8").removeClass("div8-dian").children("p").css("color","#81b7c2");
				$(this).siblings(".div7").removeClass("div7-dian").children("p").css("color","#81b7c2");
				$(this).siblings(".div10").removeClass("div10-dian").children("p").css("color","#81b7c2");
				$(this).siblings(".div11").removeClass("div11-dian").children("p").css("color","#81b7c2");
				$(this).next(".divnr").slideDown().siblings(".divnr").slideUp();
			}
		});
		$(".div10").click(function(){
			if($(this).hasClass("div10-dian")){
				$(this).removeClass("div10-dian").next(".divnr").slideUp();
				$(this).children("p").css("color","#81b7c2");
			}else{
				$(this).addClass("div10-dian").children("p").css("color","#f48b43");
				$(this).siblings(".div7").removeClass("div7-dian").children("p").css("color","#81b7c2");
				$(this).siblings(".div9").removeClass("div9-dian").children("p").css("color","#81b7c2");
				$(this).siblings(".div8").removeClass("div8-dian").children("p").css("color","#81b7c2");
				$(this).siblings(".div11").removeClass("div11-dian").children("p").css("color","#81b7c2");
				$(this).next(".divnr").slideDown().siblings(".divnr").slideUp();
			}
		});
		$(".div11").click(function(){
			if($(this).hasClass("div11-dian")){
				$(this).removeClass("div11-dian").next(".divnr").slideUp();
				$(this).children("p").css("color","#81b7c2");
			}else{
				$(this).addClass("div11-dian").children("p").css("color","#f48b43");
				$(this).siblings(".div7").removeClass("div7-dian").children("p").css("color","#81b7c2");
				$(this).siblings(".div9").removeClass("div9-dian").children("p").css("color","#81b7c2");
				$(this).siblings(".div10").removeClass("div10-dian").children("p").css("color","#81b7c2");
				$(this).siblings(".div8").removeClass("div8-dian").children("p").css("color","#81b7c2");
				$(this).next(".divnr").slideDown().siblings(".divnr").slideUp();
			}
		});
});
</script>
<!--左侧结束-->
<div class="jiantou"></div>
<div class="right-content">

  <div id="mainPanle" region="center" border="true" border="false">
		 <div id="tabs" class="easyui-tabs"  fit="true" border="false" >
                <!--<div title="Home">
				<div class="cs-home-remark">
					<h1>车辆监控总页</h1> <br>
					
				</div>
				</div>-->
        </div>
	</div>
</div>


<script>//左侧箭头显示隐藏开始
$(function(){
	$(".jiantou").click(function(){
		if($(".left-nav").hasClass("aaa")){
			$(".left-nav").animate({
				"margin-left":"-210px",
				
			});
			$(".content1").animate({
				"padding-left":"210px"
			});
			$(".jiantou").animate({
				"left":"210px"
			});
			$(".left-nav").removeClass("aaa");
		}else{
			$(".left-nav").addClass("aaa");
			$(".left-nav").animate({
				"display":"block",
				"margin-left":"-210px",
			});
			$(".content1").animate({
				"padding-left":"0px"
			});
			$(".jiantou").animate({
				"left":"0px"
			});
		}
	});
});//左侧箭头显示隐藏结束
</script>
<!--查询弹框开始-->
	<div class="showbox">
		<div class="shang"><p>17位车架号<span>（所属单位：奇瑞汽车股份有限公司）</span></p><a class="close" href="#"><img src="images/cha.png"></a></div>
		<div class="mainlist">
			<ul>
            	<li>车辆状态：启动</li>
                <li>模式：纯电</li>
                <li>注册时间：2016年10月26日</li>
            </ul>
            <ul>
            	<li>定位状态：有效</li>
                <li>方向：西南</li>
                <li>数据时间：2016年10月27日</li>
            </ul>
            <ul>
            	<li style="margin-right:25px;">GPS 车速：20KM/h</li>
                <li>位置：江苏省常州市钟楼区玉龙路星港路附近</li>
            </ul>
            <ul>
            	<li style="margin-right:30px;"><input type="button" value="静态信息"></li>
                <li style="margin-right:30px;"><input type="button" value="车辆跟踪"></li>
                <li style="margin-right:30px;"><input type="button" value="轨迹回放"></li>
                <li style="margin-right:30px;"><input type="button" value="数据详情"></li>
            </ul>
		</div>
	</div>	
    
<script type="text/javascript">
$(document).ready(function(){
	$(".showdiv").click(function(){
		var box =300;
		var th= $(window).scrollTop()+$(window).height()/1.6-box;
		var h =document.body.clientHeight;
		var rw =$(window).width()/2-box;
		$(".showbox").animate({top:th,opacity:'show',width:585,height:280,right:rw},500);
		$("#zhezhao").css({
			display:"block",height:$(document).height()
		});
		return false;
	});
	$(".showbox .close").click(function(){
		$(this).parents(".showbox").animate({top:0,opacity: 'hide',width:0,height:0,right:0},500);
		$("#zhezhao").css("display","none");
	});
});
</script>
<!--查询弹框结束-->
</div>
<script>
$(function(){
	
	$(".left-nav").height($(window).height()-94);
	$(".jiantou").height($(window).height()-94);
	$(".right-content").height($(window).height()-104);
});
</script>
</body>
</html>
